<!DOCTYPE html>  
  
<html>  
    <head>  
        <title>calculate</title>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <link type="text/css" href="calculate.css" rel="stylesheet">  
        <script type="text/javascript" src="calculate.js"></script>  
    </head>  
    <body onload="pageLoad()">  
<!--        <p>1+(2*3)-(((2*3)*((1+2)/3)-3*6)-(3*6))+3</p>  
        <p>1.1+(2.1*3)-(((2.2*3)*((1.1+2.2)/3.3)-3.4*6)-(3.5*6))+3.6</p>-->  
        <div id="calculate">  
            <input type="text" id="show" value = '0' readonly>  
            <div id="keyboard">  
                <table>  
                    <tr>  
                        <td class = "ACkeyButton">AC</td>  
                        <td class="keyButton">+</td>  
                        <td class="keyButton">-</td>  
                        <td class="keyButton">*</td>  
                    </tr>  
                    <tr>  
                        <td class="keyButton">1</td>  
                        <td class="keyButton">2</td>  
                        <td class="keyButton">3</td>  
                        <td class="keyButton">/</td>  
                    </tr>  
                    <tr>  
                        <td class="keyButton">4</td>  
                        <td class="keyButton">5</td>  
                        <td class="keyButton">6</td>  
                        <td class="keyButton">(</td>  
                    </tr>  
                    <tr>  
                        <td class="keyButton">7</td>  
                        <td class="keyButton">8</td>  
                        <td class="keyButton">9</td>  
                        <td class="keyButton">)</td>  
                    </tr>
                    <tr>
                        <td class="keyButton">√</td>
                        <td class="keyButton">^</td>
                        <td class="keyButton">^2</td>
                        <td id = "deleteNumber">del</td>
                    </tr>
                    <tr>  
                        <td class="keyButton">0</td>  
                        <td class="keyButton">.</td>  
                        <td id="calculateResult" colspan="2">=</td>
                    </tr>
                </table>  
            </div>  
        </div>  
    </body>  
</html>  
